

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%--<jsp:scriptlet> session.getAttribute( "listAnio" );

</jsp:scriptlet>--%>
<script src="js/calendar.js" language="javascript"></script>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      

        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
     
        <title>Reporte General del POI</title>
           <meta http-equiv="Content-Type"
              content="text/html; charset=UTF-8">
        <style type="text/css" media="all">
            @import url("css/maven-base.css");
            @import url("css/maven-theme.css");
            @import url("css/site.css");
            @import url("css/screen.css");
        </style>
    </head>
    <body onload="inicializar()" >
        <center>
            <h1> Reporte General del POI</h1>
            <html:form action="ProgEstra.do?dispatch=poi" styleId="ProgEstrForm">
                <html:hidden property="numCriterio" styleId="numCriterioHidden"/>
                <table>
                    <tr>
                        <td width="193">
                            Objetivo General Estrategico :                        </td>
                        <td width="290" >
                            <html:select property="codOge" styleId="codOge" onchange="buscarComboOEE()">
                                <html:option value="-1">[--Seleccionar Objetivo General Especifico--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="OGE" value="COD_OGE" label="DESC_OGE" />
                            </html:select>
                        </td>
                    </tr>


                    <tr>
                        <td>
                            Objetivo Especifico Estrategico :
                        </td>


                        <td>
                            <div id="comboPadre">
                                <html:select property="codOee" styleId="codOee">
                                    <html:option value="-1">[--Seleccionar Objetivo Especifico--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="OEE" value="COD_OEE" label="DESC_OEE" />
                                </html:select><br>
                            </div>
                        </td>

                    </tr>


<!--                    <tr>
                        <td >
                            Actividades Permanentes:
                        </td>
                        <td >
                            <div id="comboHijo">
                                <html:select property="codActPer" styleId="codActPer">
                                    <html:option value="-1">[--Seleccionar Actividades--]</html:option>
                                    <html:optionsCollection name="ProgEstrForm" property="ACTIVIDAD" value="COD_OGE" label="DESC_OGE" />
                                </html:select>
                            </div>
                        </td>

                    </tr>-->



                    <tr>
                        <td>

                            Periodo :

                        </td>
                        <td>
                            <html:select property="codAnio" styleId="codAnio">
                                <html:option value="-1">[--Seleccionar Año--]</html:option>
                                <html:optionsCollection name="ProgEstrForm" property="listAnio" value="COD_ANIO" label="DESC_ANIO" />

                            </html:select>

                    </tr>


                    <tr>
                        <td align="center" colspan="2">
                            <input  type="button" value="Reporte" onclick="validar()"/>
                        </td>
                    </tr>
                    <center>
                        <table>
                            <tr>
                                <td>

                                    <div id="reporte" style="text-align: center;width: 1000px;">

                                        <display:table name="ProgEstrForm.listTableTituProg" id="tabla"
                                                     requestURI="/ProgEstra.do?dispatch=poi"  pagesize="10" size="100" export="true">
                                            <display:column property="TX_DESCOBJ"
                                                            title="Objetivo General Estrategico " sortable="true" group="1"
                                                            
                                                            />
                                            <display:column property="TX_DESCOBJESP" sortable="true"
                                                            title="Objetivo Especifico Estrategico "
                                                            group="2"
                                                            />

                                            <display:column property="TX_DESCACTPER"  sortable="true"
                                                            title="Actividad Estrategica"
                                                            group="3"
                                                            />
                                             <display:column property="TX_UMACTPER"  sortable="true"
                                                            title="UM"
                                                           
                                                            />
                                          

                                            <display:column
                                                title="Fecha Inicio Planificada" sortable="true" >
                                                <c:out value="${tabla.DT_INIACTPER}"/> 
                                            </display:column>
                                                <display:column
                                                title="Fecha Termino Planificada" sortable="true" >
                                                <c:out value="${tabla.DT_TERACTPER}"/>
                                            </display:column>

                                            <display:column
                                                title="Fecha Inicio Ejecutada" sortable="true" >

                                                <c:out value="${tabla.DT_INIACTPERC}"/> 
                                            </display:column>
                                                <display:column
                                                title="Fecha Termino Ejecutada" sortable="true" >
                                                <c:out value="${tabla.DT_TERACTPERC}"/>
                                            </display:column>

                                           <display:column  sortable="true"
                                                             title="Meta Fisica Planificada ">
                                                <c:out value="${tabla.NUM_MES1FISIMETAM+tabla.NUM_MES2FISIMETAM+tabla.NUM_MES3FISIMETAM+tabla.NUM_MES4FISIMETAM+tabla.NUM_MES5FISIMETAM+tabla.NUM_MES6FISIMETAM
                                                                +tabla.NUM_MES7FISIMETAM+tabla.NUM_MES8FISIMETAM+tabla.NUM_MES9FISIMETAM+tabla.NUM_MES10FISIMETAM+tabla.NUM_MES11FISIMETAM+tabla.NUM_MES12FISIMETAM}"/>

                                            </display:column>


                                            <display:column  sortable="true"
                                                             title="Meta Fisica Ejecutada ">
                                                <c:out value="${tabla.NUM_MES1FISIMETAMC+tabla.NUM_MES2FISIMETAMC+tabla.NUM_MES3FISIMETAMC+tabla.NUM_MES4FISIMETAMC+tabla.NUM_MES5FISIMETAMC+tabla.NUM_MES6FISIMETAMC
                                                                +tabla.NUM_MES7FISIMETAMC+tabla.NUM_MES8FISIMETAMC+tabla.NUM_MES9FISIMETAMC+tabla.NUM_MES10FISIMETAMC+tabla.NUM_MES11FISIMETAMC+tabla.NUM_MES12FISIMETAMC}"/>

                                            </display:column>

                                            <display:column  sortable="true"
                                                             title="Meta Financiera Planificada ">
                                                <c:out value="${tabla.NUM_MES1FINAMETAM+tabla.NUM_MES2FINAMETAM+tabla.NUM_MES3FINAMETAM+tabla.NUM_MES4FINAMETAM+tabla.NUM_MES5FINAMETAM+tabla.NUM_MES6FINAMETAM
                                                                +tabla.NUM_MES7FINAMETAM+tabla.NUM_MES8FINAMETAM+tabla.NUM_MES9FINAMETAM+tabla.NUM_MES10FINAMETAM+tabla.NUM_MES11FINAMETAM+tabla.NUM_MES12FINAMETAM}"/>

                                            </display:column>





                                            <display:column  sortable="true"
                                                             title="Meta Financiera Ejecutada ">
                                                <c:out value="${tabla.NUM_MES1FINAMETAMC+tabla.NUM_MES2FINAMETAMC+tabla.NUM_MES3FINAMETAMC+tabla.NUM_MES4FINAMETAMC+tabla.NUM_MES5FINAMETAMC+tabla.NUM_MES6FINAMETAMC
                                                                +tabla.NUM_MES7FINAMETAMC+tabla.NUM_MES8FINAMETAMC+tabla.NUM_MES9FINAMETAMC+tabla.NUM_MES10FINAMETAMC+tabla.NUM_MES11FINAMETAMC+tabla.NUM_MES12FINAMETAMC}"/>

                                            </display:column>



                                            <display:setProperty name="export.pdf"
                                                                 value="true" />

                                           <display:setProperty name="export.pdf.filename"  value="poi.pdf"/>
                                           <display:setProperty name="export.excel.filename" value="poi.xls"/>
                                        </display:table>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </center>
                </table>

            </html:form>

        </center>







    </body>
</html>

<script type="text/javascript">

    function inicializar(){
       // document.getElementById("reporte").style.display="none";
          document.getElementById("codOge").value=-1;
        document.getElementById("codOee").value=-1;
         document.getElementById("codAnio").value=-1;

    }
    function buscarComboOEE(){
        var id = document.getElementById("codOge").value;
        var idDiv = "comboPadre";
        var metodo = "GET";
        var url = "consultasAjax/comboProyInvercionAjax.jsp?id="+id+"&codTipCombo=llenarComboOee";
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);


    }

    function buscarComboActividades(){

        var id = document.getElementById("codOee").value;
        var idDiv = "comboHijo";
        var metodo = "GET";
        var url = "consultasAjax/comboAPermanenteAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
    }


    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
    {
        if( window.XMLHttpRequest )
            ajax = new XMLHttpRequest();
        else
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
        ELEMENT_DIV = idDiv;
        ajax.onreadystatechange = funcionCallbackVerDiv;
        ajax.open( metodo, url, async);
        ajax.send(cadena);
    }

    function funcionCallbackVerDiv()
    {
        if( ajax.readyState == 4 )
        {
            if( ajax.status == 200 )
            {
                document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
            }
        }
    }


    function validar(){


              if (document.getElementById("codOge").value==-1){
                   alert("Seleccione un Objetivo General");
                  document.getElementById("codOge").focus();
                 return;
              }
              if (document.getElementById("codOee").value==-1){
                    alert("Seleccione  un Objetivo Estrategico Especifico");
                  document.getElementById("codOee").focus();
                  return;
                }
        
//              if (document.getElementById("codActPer").value==-1){
//                  alert("Seleccione  una Actividad Permanente");
//                  document.getElementById("codActPer").focus();
//                  return;
//                }
        
                if (document.getElementById("codAnio").value==-1){
                  alert("Seleccione un Año");
                   document.getElementById("codAnio").focus();
                   return;
                 }
        mostrar();
    }

    function eventoSoloNumeros(){


        var key = event.keyCode;

        if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
            event.returnValue = true;
        else
            event.returnValue = false;

    }

    function viw(){

        document.getElementById("viw").style.display="";
        document.getElementById("id1").checked;

    }
    function notViw(){

        document.getElementById("viw").style.display="none";

    }

    function mostrar(){
        
        document.getElementById("reporte").style.display="";
   
        var form = document.getElementById("ProgEstrForm");
      
         var id = document.getElementById("codOee").value;
         var anio = document.getElementById("codAnio").value;
   
        //form.codObj.value = codigo;
        //form.descObj.value = desc;
        form.action="ProgEstra.do?dispatch=poi&id="+id+"&anio="+anio;
        //form.action="ProgEstra.do?dispatch=ingresarPInversion";
        form.method="post";
        form.submit();
    }

    function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n Esta seguro de continuar? "))
            return true;
        else return false;
    }


    function verMantenimientoTrue(){

        document.getElementById("id1").disabled=true;
        document.getElementById("id2").disabled=true;
        document.getElementById("id3").disabled=true;

    }

    function verMantenimientoFalse(){

        document.getElementById("id1").disabled=false;
        document.getElementById("id2").disabled=false;
        document.getElementById("id3").disabled=false;

    }

    function verMantenimientomuestra(num){
        if(num==0){
            document.getElementById("mantenimiento").style.display="none";


        }else{
            document.getElementById("mantenimiento").style.display="";
        }
    }


    function ingNro(num){

        if(num==1){

            document.getElementById("sl").style.display="";

        }else{

            document.getElementById("sl").style.display="none";
        }


    }

    function comboProvincia(){

        var id = document.getElementById("codRegion").value;
        var idDiv = "provincia";
        var metodo = "GET";
        var url = "consultasAjax/comboProvinciaAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);



    }





    function comboDistrito(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }



    function comboDistritoF(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoFAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }

</script>
